<style scoped lang="less">

</style>
<template>
	<iot-blk class="today-blk kitchen" title="今日警情" :moreType="0">
		<!-- 消防物联网 -->
		<div class="stat flex wrap">
			<div class="today-alarm"
				:class="{
					blue: index>3&&index<8,
					org: index>=8
				}"
				v-for="(item,index) in data" :key="index">
				<p class="fm-num">{{item.count}}</p>
				<p>{{item.alarmTypeName}}</p>
			</div>
		</div>
		<!-- more start -->
		<el-dialog v-if="moreModalVisible" title="报警信息" :visible.sync="moreModalVisible" :width="950*scale + 'px'" :close-on-click-modal="false" :close-on-press-escape="false" destroy-on-close append-to-body>
			<List :type="type"></List>
		</el-dialog>
		<!-- more end -->
	</iot-blk>
</template>
<script>
import { mapState } from 'vuex'
import List from '@/components/iot/AlarmList.vue'
export default {
	name: 'Today',
	components: {
		List
	},
	props: {
		type: {
    		type: String,
			default: 'fireControl'
    	},
    	data: {
    		type: Array,
			default () {
				return [                //类型：Array  必有字段  备注：今日报警，取前三个放在top3
				{                //类型：Object  必有字段  备注：无
					"count":349,                //类型：Number  必有字段  备注：数量
					"alarmTypeName":"未戴工帽"                //类型：String  必有字段  备注：报警类型
				},{                //类型：Object  必有字段  备注：无
					"count":110,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"未戴口罩"                //类型：String  必有字段  备注：无
				},{                //类型：Object  必有字段  备注：无
					"count":49,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"未穿工装"                //类型：String  必有字段  备注：无
				},{                //类型：Object  必有字段  备注：无
					"count":12,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"违规吸烟"                //类型：String  必有字段  备注：无
				},{                //类型：Object  必有字段  备注：无
					"count":3,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"砧板混用"                //类型：String  必有字段  备注：无
				},{                //类型：Object  必有字段  备注：无
					"count":2,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"老鼠抓拍"                //类型：String  必有字段  备注：无
				},{                //类型：Object  必有字段  备注：无
					"count":2,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"未二次更衣"                //类型：String  必有字段  备注：无
				},{                //类型：Object  必有字段  备注：无
					"count":2,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"违规玩手机"                //类型：String  必有字段  备注：无
				},{                //类型：Object  必有字段  备注：无
					"count":2,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"违规进专间"                //类型：String  必有字段  备注：无
				},{                //类型：Object  必有字段  备注：无
					"count":2,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"垃圾桶未盖"                //类型：String  必有字段  备注：无
				},{                //类型：Object  必有字段  备注：无
					"count":2,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"台面未清洁"                //类型：String  必有字段  备注：无
				},{                //类型：Object  必有字段  备注：无
					"count":2,                //类型：Number  必有字段  备注：无
					"alarmTypeName":"抹布乱摆放"                //类型：String  必有字段  备注：无
				}
			]
			}
    	},
	},
	computed: {
		...mapState([
			'scale'
		])
	},
	watch: {},
	data () {
		return {
			loading: false,
			moreModalVisible: false
		}
	},
	methods: {
		
	},
	created () {
	},
}
</script>